.composition{
    position: relative;
    &__photo{
        width: 55%;
        height: 20rem;
        box-shadow: 0 1.5rem 4rem rgba($color-black, .4);
        object-fit: cover;
        position: absolute;
        transition: all .2s ease-out;
        outline-offset: 2rem;
        &--p1{
            left: 0;
            top: -2rem;
        }
        &--p2{
            right: 0;
            top: 3rem;
        }
        &--p3{
            left: 10rem;
            top: 10rem;
        }
        &:hover{
            transform: scale(1.05);
            outline: 1rem solid  $color-primary-dark;
            box-shadow: 0 1rem 2.5rem rgba($color-black, .2);
            z-index: 10;
        }
    }
    &:hover &__photo:not(:hover){
        transform: scale(.9);
    }
}